js定时器机制
更正之前的错误认识:
1.函数内调用settimeout,函数结束。在规定的时间之后,依然会触发settimeout的回调。
首先要确认js几点:
1.js单线程 vs 浏览器多线程:
单线程原因:如果多线程,那么删除或者创建dom元素,都需要在线程之间通信。因为浏览器不确定是dom状态。所以,js设计之初就是单线程。
好处:简单,没有线程切换维护开销,省内存
2.浏览器是多线程:
javascript引擎线程
界面渲染线程
浏览器事件触发线程
Http请求线程
但是浏览器内核是多线程!浏览器内核实现允许多个线程异步执行,这些线程在内核制控下相互配合以保持同步.假如某一浏览器内核的实现至少有三个常驻线程:javascript引擎线程,界面渲染线程,浏览器事件触发线程,除些以外,也有一些执行完就终止的线程,如Http请求线程,这些异步线程都会产生不同的异步事件,下面通过一个图来阐明单线程的JavaScript引擎与另外那些线程是怎样互动通信的.虽然每个浏览器内核实现细节不同,但这其中的调用原理都是大同小异.
定时器难点:
1.定时器实际延时时间,是无法预知的
理解js异步回调和它的单线程是如何配合工作的:
为什么settimeout会触发回调 ajax回调 click回调
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。